<!DOCTYPE html>
<html lang="zh" xmlns:th="https://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
    <title>微笑计划管理后台 </title>
    <link th:href="@{/assets/css/loader.css}" rel="stylesheet" type="text/css" />
    <script th:src="@{/assets/js/loader.js}"></script>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700" rel="stylesheet">
    <link th:href="@{/bootstrap/css/bootstrap.min.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/assets/css/plugins.css}" rel="stylesheet" type="text/css" />
    <!-- END GLOBAL MANDATORY STYLES -->

    <!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM STYLES -->
    <link th:href="@{/plugins/apex/apexcharts.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/assets/css/dashboard/dash_2.css}" rel="stylesheet" type="text/css" />
    <!-- END PAGE LEVEL PLUGINS/CUSTOM STYLES -->

</head>
<body class="sidebar-noneoverflow">
    <!-- BEGIN LOADER -->
    <div id="load_screen"> <div class="loader"> <div class="loader-content">
        <div class="spinner-grow align-self-center"></div>
    </div></div></div>
    <!--  END LOADER -->

    <!--  BEGIN NAVBAR  -->
    <div class="header-container fixed-top">
        <header class="header navbar navbar-expand-sm">
            <a href="javascript:void(0);" class="sidebarCollapse" data-placement="bottom"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></a>
            <ul class="navbar-item flex-row">
            </ul>
            <ul class="navbar-item flex-row search-ul">
            </ul>
            <ul class="navbar-item flex-row navbar-dropdown">
                <li class="nav-item dropdown user-profile-dropdown  order-lg-0 order-1">
                    <a href="javascript:void(0);" class="nav-link dropdown-toggle user" id="userProfileDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
                    </a>
                    <div class="dropdown-menu position-absolute" aria-labelledby="userProfileDropdown">
                        <div class="">
                            <div class="dropdown-item">
                                <a class="" href="/admin/userinfo"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>个人资料</a>
                            </div>
                            <div class="dropdown-item">
                                <a class="" href="/admin/out"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-log-out"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>退出登录</a>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </header>
    </div>
    <!--  END NAVBAR  -->

    <!--  BEGIN MAIN CONTAINER  -->
    <div class="main-container" id="container">

        <div class="overlay"></div>
        <div class="cs-overlay"></div>
        <div class="search-overlay"></div>

        <!--  BEGIN SIDEBAR  -->
        <div class="sidebar-wrapper sidebar-theme">

            <nav id="sidebar">

                <ul class="navbar-nav theme-brand flex-row  text-center">

                    <li class="nav-item theme-text">
                        <a href="/admin" class="nav-link"> 微笑计划 </a>
                    </li>
                    <li class="nav-item toggle-sidebar">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left sidebarCollapse"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
                    </li>
                </ul>

                <div class="shadow-bottom"></div>
                <ul class="list-unstyled menu-categories" id="accordionExample">
                    <li class="menu active">
                        <a href="#dashboard" data-toggle="collapse" aria-expanded="true" class="dropdown-toggle">
                            <div class="">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                                <span>仪表盘</span>
                            </div>
                            <div>
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
                            </div>
                        </a>
                        <ul class="collapse submenu recent-submenu mini-recent-submenu list-unstyled show" id="dashboard" data-parent="#accordionExample">
                            <li class="active">
                                <a href="/admin"> 数据统计 </a>
                            </li>
                        </ul>
                    </li>

					<li class="menu">
					    <a href="#userMager" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">
					        <div class="">
					            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
                                 <span>会员</span><span>会员</span>
					        </div>
					        <div>
					            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
					        </div>
					    </a>
					    <ul class="submenu recent-submenu mini-recent-submenu list-unstyled collapse" id="userMager" data-parent="#accordionExample">
					        <li class="">
					            <a href="/admin/userList"> 会员列表 </a>
					        </li>
                            <li class="">
                                <a href="/admin/userListAngel"> 天使列表 </a>
                            </li>
                            <li class="">
                                <a href="/admin/userListCity"> 市代列表 </a>
                            </li>
                            <li class="">
                                <a href="/admin/userListProvince"> 省代列表 </a>
                            </li>
                            <li class="">
                                <a href="/admin/userListPartner"> 分公司列表 </a>
                            </li>
					    </ul>
					</li>

					<li class="menu">
					    <a href="#shopMager" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">
					        <div class="">
					            <svg t="1616857683050" class="icon" viewBox="0 0 1170 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3316" width="108" height="108"><path d="M103.619 387.95c1.658 107.617 43.057 155.16 129.95 155.16 94.404 0 145.457-28.282 161.597-83.87l25.942-89.527 29.842 88.259c19.505 57.539 62.123 85.138 134.632 85.138 72.996 0 118.004-28.087 140.922-86.455l22.43-57.051 30.232 53.345c53.151 93.672 115.42 122.051 194.707 92.063 78.458-29.647 107.276-89.332 88.259-188.855l-139.8-259.755H251.513L103.619 387.998z m129.95 213.674c-123.66 0-188.562-77.921-188.562-220.55v-7.07l155.16-305.737a55.442 55.442 0 0 1 49.494-30.379h674.572c20.383 0 39.107 11.215 48.762 29.16l142.775 265.264 2.926 8.095c25.99 128.634-16.043 218.502-124.1 259.364-93.964 35.5-175.201 8.875-238.494-75.337-36.815 51.103-94.598 77.19-170.472 77.19-72.411 0-127.414-23.893-162.182-70.558-37.059 47.153-101.522 70.558-189.83 70.558z m-115.224 83.773a29.257 29.257 0 1 1 58.514 0v228.304c0 12.678 10.338 23.064 23.114 23.064h754.736a23.064 23.064 0 0 0 23.065-23.064V685.397a29.257 29.257 0 1 1 58.514 0v228.304c0 45.056-36.523 81.578-81.579 81.578H199.973c-45.105 0-81.628-36.571-81.628-81.578V685.397z" p-id="3317" fill="#888ea8"></path><path d="M243.76 358.205a29.257 29.257 0 1 1 0-58.514h669.16a29.257 29.257 0 1 1 0 58.514H243.76z" p-id="3318" fill="#888ea8"></path></svg>
					            <span>商城</span>
					        </div>
					        <div>
					            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
					        </div>
					    </a>
					    <ul class="submenu recent-submenu mini-recent-submenu list-unstyled collapse" id="shopMager" data-parent="#accordionExample">
                            <li class="">
                                <a href="/admin/shopGoodsMenu"> 商品分类 </a>
                            </li>
                            <li class="">
					            <a href="/admin/shopGoodsList"> 商品管理 </a>
					        </li>
							<li class="">
							    <a href="/admin/shopOrderList?type=3"> 订单管理（全部） </a>
							</li>
							<li class="">
								<a href="/admin/shopOrderList?type=0"> 待发货 </a>
							</li>
							<li class="">
								<a href="/admin/shopOrderList?type=1"> 待收货 </a>
							</li>
							<li class="">
								<a href="/admin/shopOrderList?type=2"> 已完成 </a>
							</li>
					    </ul>
					</li>


					<li class="menu">
					    <a href="#uniappMager" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">
					        <div class="">
					            <svg t="1616857400944" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2079" width="108" height="108"><path d="M512 64c247.424 0 448 200.576 448 448S759.424 960 512 960 64 759.424 64 512 264.576 64 512 64z m0 64c-212.077 0-384 171.923-384 384s171.923 384 384 384 384-171.923 384-384-171.923-384-384-384z m104.284 141.363c74.637 0 135.363 60.726 135.363 135.363 0 52.558-30.834 100.8-78.545 122.887a31.842 31.842 0 0 1-13.405 2.966 31.958 31.958 0 0 1-29.026-18.542c-7.341-15.858-0.58-34.636 15.099-42.206l0.477-0.226c25.2-11.665 41.477-37.128 41.477-64.88 0-39.394-32.045-71.439-71.44-71.439-39 0-70.798 31.408-71.43 70.26l-0.01 1.18c0 0.879-0.043 1.792-0.128 2.78l-0.01 0.214V618.04h-0.362v2.5c0 74.638-60.726 135.363-135.362 135.363-74.637 0-135.363-60.725-135.363-135.362 0-52.586 30.856-100.838 78.601-122.915 16.02-7.41 35.015-0.427 42.425 15.596 7.335 15.862 0.565 34.637-15.118 42.2l-0.478 0.225c-25.217 11.66-41.507 37.127-41.507 64.894 0 39.394 32.045 71.439 71.44 71.439 39.394 0 71.439-32.045 71.439-71.44 0-1.603 0.12-3.205 0.358-4.791l0.028-0.185-0.001-208.338h0.116v-2.5c0-73.89 59.516-134.146 133.127-135.344l2.235-0.018z" p-id="2080" fill="#888ea8"></path></svg>
					            <span>小程序</span>
					        </div>
					        <div>
					            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
					        </div>
					    </a>
					    <ul class="submenu recent-submenu mini-recent-submenu list-unstyled collapse" id="uniappMager" data-parent="#accordionExample">
					        <li class="">
					            <a href="/admin/uniIndex"> 首页排版 </a>
					        </li>
							<li class="">
					            <a href="/admin/uniSwiper"> 首页轮播 </a>
					        </li>
							<li class="">
							    <a href="/admin/uniHome"> 微笑计划排版 </a>
							</li>
					    </ul>
					</li>


					<li class="menu">
					    <a href="#articleMager" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">
					        <div class="">
					            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
					            <span>文章管理</span>
					        </div>
					        <div>
					            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
					        </div>
					    </a>
					    <ul class="submenu recent-submenu mini-recent-submenu list-unstyled collapse" id="articleMager" data-parent="#accordionExample">
					        <li class="">
                                <a href="/admin/articleList"> 文章列表 </a>
					        </li>
						</ul>
					</li>

					<li class="menu">
					    <a href="#moneyMager" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">
					        <div class="">
					            <svg t="1616857765295" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4246" width="108" height="108"><path d="M639.414168 336.899827H588.780264a16.618153 16.618153 0 0 0-14.739492 8.733774L511.795146 463.669454l-62.235633-118.035853a16.618153 16.618153 0 0 0-14.739492-8.733774h-50.643897a7.994301 7.994301 0 0 0-7.374742 11.621715l73.947284 140.270003h-50.873733a15.988602 15.988602 0 0 0-15.988602 15.988602v23.982903a15.988602 15.988602 0 0 0 15.988602 15.988602h79.943009v47.965805h-79.943009a15.988602 15.988602 0 0 0-15.988602 15.988602v23.982903a15.988602 15.988602 0 0 0 15.988602 15.988602h79.943009v63.954407a15.988602 15.988602 0 0 0 15.988602 15.988602h31.977204a15.988602 15.988602 0 0 0 15.988602-15.988602v-63.954407h79.943009a15.988602 15.988602 0 0 0 15.988602-15.988602v-23.982903a15.988602 15.988602 0 0 0-15.988602-15.988602h-79.943009v-47.965805h79.943009a15.988602 15.988602 0 0 0 15.988602-15.988602v-23.982903a15.988602 15.988602 0 0 0-15.988602-15.988602h-50.883725l73.947283-140.270003a7.994301 7.994301 0 0 0-7.364749-11.621715z" p-id="4247" fill="#888ea8"></path><path d="M511.405424 113.059401c-220.752628 0-399.715047 178.962419-399.715047 399.715047s178.962419 399.715047 399.715047 399.715047 399.715047-178.962419 399.715047-399.715047-178.962419-399.715047-399.715047-399.715047zM754.462151 755.851161A342.505831 342.505831 0 1 1 828.169606 646.539088 342.67571 342.67571 0 0 1 754.462151 755.851161z" p-id="4248" fill="#888ea8"></path></svg>
					            <span>资金记录</span>
					        </div>
					        <div>
					            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
					        </div>
					    </a>
					    <ul class="submenu recent-submenu mini-recent-submenu list-unstyled collapse" id="moneyMager" data-parent="#accordionExample">
					        <li class="">
					            <a href="/admin/shopCzList"> 充值记录 </a>
					        </li>
							<li class="">
					            <a href="/admin/shopSyList"> 收益记录 </a>
					        </li>
						</ul>
					</li>
                </ul>

            </nav>

        </div>
        <!--  END SIDEBAR  -->

        <!--  BEGIN CONTENT AREA  -->
        <div id="content" class="main-content">
            <div class="layout-px-spacing">

                <div class="row layout-top-spacing">

                    <div class="col-xl-8 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                        <div class="widget widget-chart-one">
                            <div class="widget-heading">
                                <h5 class="">近7日人数</h5>
                            </div>

                            <div class="widget-content">
                                <div class="tabs tab-content">
                                    <div id="content_1" class="tabcontent">
                                        <div id="revenueMonthly"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                        <div class="widget widget-chart-two">
                            <div class="widget-heading">
                                <h5 class="">订单统计</h5>
                            </div>
                            <div class="widget-content">
                                <div id="chart-2" class=""></div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
            <div class="footer-wrapper">
                <div class="footer-section f-section-1">
                    <p class="">Copyright © 2021 郑州灵之动网络科技有限公司</p>
                </div>

            </div>
        </div>
        <!--  END CONTENT AREA  -->


    </div>
    <!-- END MAIN CONTAINER -->

    <!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
    <script src="assets/js/libs/jquery-3.1.1.min.js"></script>
    <script src="bootstrap/js/popper.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
    <script src="assets/js/app.js"></script>
    <script>
        $(document).ready(function() {
            App.init();
        });
    </script>
    <script src="assets/js/custom.js"></script>
    <!-- END GLOBAL MANDATORY SCRIPTS -->

    <!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS -->
    <script src="plugins/apex/apexcharts.min.js"></script>
    <!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS -->
<script>

    var time = [(${time})];
    var num = [[${num}]]
    var count = [[${count}]]
    var options1 = {
        chart: {
            fontFamily: 'Nunito',
            height: 365,
            type: 'area',
            zoom: {
                enabled: false
            },
            dropShadow: {
                enabled: true,
                opacity: 0.3,
                blur: 5,
                left: -7,
                top: 22
            },
            toolbar: {
                show: false
            },
            events: {
                mounted: function(ctx, config) {
                    const highest1 = ctx.getHighestValueInSeries(0);
                    const highest2 = ctx.getHighestValueInSeries(1);

                    ctx.addPointAnnotation({
                        x: new Date(ctx.w.globals.seriesX[0][ctx.w.globals.series[0].indexOf(highest1)]).getTime(),
                        y: highest1,
                        label: {
                            style: {
                                cssClass: 'd-none'
                            }
                        },
                        customSVG: {
                            SVG: '<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="#1b55e2" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-circle"><circle cx="12" cy="12" r="10"></circle></svg>',
                            cssClass: undefined,
                            offsetX: -8,
                            offsetY: 5
                        }
                    })

                    ctx.addPointAnnotation({
                        x: new Date(ctx.w.globals.seriesX[1][ctx.w.globals.series[1].indexOf(highest2)]).getTime(),
                        y: highest2,
                        label: {
                            style: {
                                cssClass: 'd-none'
                            }
                        },
                        customSVG: {
                            SVG: '<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="#e7515a" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-circle"><circle cx="12" cy="12" r="10"></circle></svg>',
                            cssClass: undefined,
                            offsetX: -8,
                            offsetY: 5
                        }
                    })
                },
            }
        },
        colors: ['#1fe27a'],
        dataLabels: {
            enabled: false
        },
        markers: {
            discrete: [{
                seriesIndex: 0,
                dataPointIndex: 7,
                fillColor: '#000',
                strokeColor: '#000',
                size: 5
            }, {
                seriesIndex: 2,
                dataPointIndex: 11,
                fillColor: '#000',
                strokeColor: '#000',
                size: 4
            }]
        },
        subtitle: {
            text: '目前人数',
            align: 'left',
            margin: 0,
            offsetX: -10,
            offsetY: 35,
            floating: false,
            style: {
                fontSize: '14px',
                color:  '#888ea8'
            }
        },
        title: {
            text: count+'人',
            align: 'left',
            margin: 0,
            offsetX: -10,
            offsetY: 0,
            floating: false,
            style: {
                fontSize: '25px',
                color:  '#0e1726'
            },
        },
        stroke: {
            show: true,
            curve: 'smooth',
            width: 2,
            lineCap: 'square'
        },
        series: [{
            name: '人数',
            data: num
        }],
        labels: time,
        xaxis: {
            axisBorder: {
                show: false
            },
            axisTicks: {
                show: false
            },
            crosshairs: {
                show: true
            },
            labels: {
                offsetX: 0,
                offsetY: 5,
                style: {
                    fontSize: '12px',
                    fontFamily: 'Nunito, sans-serif',
                    cssClass: 'apexcharts-xaxis-title',
                },
            }
        },
        yaxis: {
            labels: {
                formatter: function(value, index) {
                    return value
                },
                offsetX: -22,
                offsetY: 0,
                style: {
                    fontSize: '12px',
                    fontFamily: 'Nunito, sans-serif',
                    cssClass: 'apexcharts-yaxis-title',
                },
            }
        },
        grid: {
            borderColor: '#e0e6ed',
            strokeDashArray: 5,
            xaxis: {
                lines: {
                    show: true
                }
            },
            yaxis: {
                lines: {
                    show: false,
                }
            },
            padding: {
                top: 0,
                right: 0,
                bottom: 0,
                left: -10
            },
        },
        legend: {
            position: 'top',
            horizontalAlign: 'right',
            offsetY: -50,
            fontSize: '16px',
            fontFamily: 'Nunito, sans-serif',
            markers: {
                width: 10,
                height: 10,
                strokeWidth: 0,
                strokeColor: '#fff',
                fillColors: undefined,
                radius: 12,
                onClick: undefined,
                offsetX: 0,
                offsetY: 0
            },
            itemMargin: {
                horizontal: 0,
                vertical: 20
            }
        },
        tooltip: {
            theme: 'dark',
            marker: {
                show: true,
            },
            x: {
                show: false,
            }
        },
        fill: {
            type:"gradient",
            gradient: {
                type: "vertical",
                shadeIntensity: 1,
                inverseColors: !1,
                opacityFrom: .28,
                opacityTo: .05,
                stops: [45, 100]
            }
        },
        responsive: [{
            breakpoint: 575,
            options: {
                legend: {
                    offsetY: -30,
                },
            },
        }]
    }

    var chart1 = new ApexCharts(
        document.querySelector("#revenueMonthly"),
        options1
    );

    chart1.render();


    var  daifahuo = parseInt([[${order.daifahuo}]])
    var  daishouhuo = parseInt([[${order.daishouhuo}]])
    var  yiwancheng = parseInt([[${order.yiwancheng}]])
    var options = {
        chart: {
            type: 'donut',
            width: 380
        },
        colors: ['#5c1ac3', '#e2a03f', '#e7515a', '#e2a03f'],
        dataLabels: {
            enabled: false
        },
        legend: {
            position: 'bottom',
            horizontalAlign: 'center',
            fontSize: '14px',
            markers: {
                width: 10,
                height: 10,
            },
            itemMargin: {
                horizontal: 0,
                vertical: 8
            }
        },
        plotOptions: {
            pie: {
                donut: {
                    size: '65%',
                    background: 'transparent',
                    labels: {
                        show: true,
                        name: {
                            show: true,
                            fontSize: '29px',
                            fontFamily: 'Nunito, sans-serif',
                            color: undefined,
                            offsetY: -10
                        },
                        value: {
                            show: true,
                            fontSize: '26px',
                            fontFamily: 'Nunito, sans-serif',
                            color: '20',
                            offsetY: 16,
                            formatter: function (val) {
                                return val
                            }
                        },
                        total: {
                            show: true,
                            showAlways: true,
                            label: '总订单',
                            color: '#888ea8',
                            formatter: function (w) {
                                return w.globals.seriesTotals.reduce( function(a, b) {
                                    return a + b
                                }, 0)
                            }
                        }
                    }
                }
            }
        },
        stroke: {
            show: true,
            width: 25,
        },
        series: [yiwancheng,daishouhuo,daifahuo],
        labels: ['已完成', '待收货', '待发货'],
        responsive: [{
            breakpoint: 1599,
            options: {
                chart: {
                    width: '350px',
                    height: '400px'
                },
                legend: {
                    position: 'bottom'
                }
            },

            breakpoint: 1439,
            options: {
                chart: {
                    width: '250px',
                    height: '390px'
                },
                legend: {
                    position: 'bottom'
                },
                plotOptions: {
                    pie: {
                        donut: {
                            size: '65%',
                        }
                    }
                }
            },
        }]
    }

    var chart = new ApexCharts(
        document.querySelector("#chart-2"),
        options
    );

    chart.render();
</script>

</body>
</html>
